<div>
  <app-grow-card></app-grow-card>
  <!-- <img src="http://doc.vvbin.cn/logo.png"/> -->
  <div class="card">
    <nz-tabset class="tabset">
      <nz-tab nzTitle="流量趋势">
        <app-line></app-line>
      </nz-tab>
      <nz-tab nzTitle="访问量">
        <app-bar></app-bar>
      </nz-tab>
    </nz-tabset>
  </div>
  <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }" class="statistical">
    <div nz-col class="gutter-row" [nzSpan]="6" [nzMd]="8" [nzSm]="24" >
      <nz-card [nzBordered]="false" nzTitle="转化率">
        <app-radar></app-radar>
      </nz-card>
    </div>
    <div nz-col class="gutter-row" [nzSpan]="6" [nzMd]="8" [nzSm]="24" >
      <nz-card [nzBordered]="false" nzTitle="访问来源">
        <app-ring></app-ring>
      </nz-card>
    </div>
    <div nz-col class="gutter-row" [nzSpan]="6" [nzMd]="8" [nzSm]="24" >
      <nz-card [nzBordered]="false" nzTitle="成交占比">
        <app-pie></app-pie>
      </nz-card>
    </div>
  </div>
</div>

